import React from 'react';
import Image from "next/image";
import CircularProgress from './CircularProgress';

const PromoProduct = ({
  index = 0,
  image='',
  title='',
  description='',
  buttonText='', // 新增按钮文本的默认值
  onButtonClick=() => {console.log(123)}
}) => {

    return (
      <div key={index} className="flex flex-col items-center bg-white p-4 shadow rounded-lg">
        <Image
          src={image}
          alt={`Image of ${title}`}
          width={250}
          height={150}
          className="rounded-lg"
        />
        <h3 className="mt-2 font-bold">{title}</h3>
        <p>{description}</p>
      </div>
    );
};

export default PromoProduct;
